<!DOCTYPE html>
<html>
    <head>
        <script src="js/vue.js"></script>
    </head>
    <body>
        <div id="app1">
            {{title}}
        </div>
        <div id="app2" @click="click">
            {{title}}
        </div>
        <script>
            var Vue3 = Vue.extend({
                data(){
                    return {
                        title:'hello'
                    }
                },
                methods : {
                    click(){
                        console.log(this.$data.title + ' clicked');
                    }
                }
            });

            var vm1 = new Vue({ el:'#app1'});
            var vm2 = new Vue3({ el:'#app2'});
        </script>
    </body>
</html>